// 封装axios网络请求
import axios from 'axios'
import router from '@/router/index.js'
import { Notify } from 'vant'
import { getToken, removeToken } from '@/utils/token.js'

const request = axios.create({
  baseURL: 'http://toutiao.itheima.net',
  timeout: 20000 // 20秒超时时间
})

// 添加请求拦截器
request.interceptors.request.use(function(config) {
  // 在发送请求之前做些什么
  // 未定义叫undefind，null是具体的值
  // ?.代表如果有判定下面语句,如果getToken()在原地有Token字符串，才会调用length的长度.没有则整个表达式返回undefind
  if (getToken()?.length > 0 && config.headers.Authorization === undefined) {
    config.headers.Authorization = `Bearer ${getToken()}`
  }
  return config
}, function(error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function(response) {
  // 对响应数据做点什么
  // http状态码2xx，3xx进入这
  return response
}, function(error) {
  // 对响应错误做点什么
  // 4xx 5xx在这
  if (error.response.status === 401) {
    // 不能使用this指向，无法使用
    Notify({ type: 'warning', message: '身份已过期' })
    removeToken()// 先清除token 让路由守卫判断失效,放行去登陆页面
    router.replace('/login')
    // this.$router.push('/')
  }
  return Promise.reject(error)
})

// 每个的封装习惯不一样，这里的封装还可以比较全。
export default ({ url, method = 'GET', params = {}, data = {}, headers = {} }) => {
  return request({
    url,
    method,
    params,
    data,
    headers
  })
}
